<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <link rel="icon" href="./images/favicon.ico" type="img/x-ico">
  <link rel="stylesheet" type="text/css" href="./public/reset.css">
  <link rel="stylesheet" href="./public/style.css">
  <script type="text/javascript" src="./public/jquery.min.js.下载"></script>
  <script type="text/javascript" src="./public/jquery.SuperSlide.js.下载"></script>
  <script type="text/javascript" src="./public/index.js.下载"></script>
  <title>广东海洋大学法律硕士专业课程《刑法学》课程思政教学</title>
  <meta name="keywords" content="广东海洋大学法律硕士专业课程《刑法学》课程思政教学">

  <!--Announced by Visual SiteBuilder 9-->
  <link rel="stylesheet" type="text/css" href="./public/_sitegray_d.css">
  <script language="javascript" src="./public/_sitegray.js.下载"></script>
  <!-- CustomerNO:7765626265723230766b47545350564303090002 -->
  <link rel="stylesheet" type="text/css" href="./public/index.vsb.css">
  <script type="text/javascript" src="./public/counter.js.下载"></script>
  <script type="text/javascript">_jsq_(1001, '/index.jsp', -1, 1741397524)</script>
</head>

<body>
  <div class="top_box">
    <div class="top w">
      <div class="logo fl">
        <img style="margin-top: 30px;" height="70px" src="./images/logo2.png">
        <img height="136px" src="./images/logo.png">
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <div class="banner">
    <script language="javascript" src="./public/dynclicks.js.下载"></script>
    <div class="bd">
      <ul>

        <li><img src="./public/xiaomen12.jpg"></li>

      </ul>
    </div>
    <div class="hd">
      <ul>
        <li class="on"></li>
      </ul>
    </div>
  </div>
  <div class="w new_not">
    <div class="new fl">
      <div class="title">
        <h2 class="t1">法律法规 & 教学大纲、课件</h2>
        <!-- <a target="_blank" href="https://fzxy.gdou.edu.cn/xxdt/xyxw.htm" class="more" target="">更多</a> -->
        <div class="clear"></div>
      </div>
      <div class="new_d">
        <div class="new_l fl">
          <script language="javascript" src="./public/centerCutImg.js.下载"></script>
          <script language="javascript" src="./public/ajax.js.下载"></script>

          <!-- 新增代码 -->
          <div class="new_r fr">
            <ul>

              <li>
                <a target="_blank"
                  href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/安徽省《关于二十三种常见犯罪量刑规范的实施细则（试行）》(皖高法发〔2022〕1号).pdf"
                  target="_blank"
                  title="安徽省《关于二十三种常见犯罪量刑规范的实施细则（试行）》(皖高法发〔2022〕1号)">安徽省《关于二十三种常见犯罪量刑规范的实施细则（试行）》(皖高法发〔2022〕1号)</a>
                <span>2025-08-23</span>
              </li>

              <li>
                <a target="_blank"
                  href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/海南省高级人民法院 海南省人民检察院关于印发《关于常见犯罪的量刑指导意见实施细则（试行）》的通知.pdf"
                  title="海南省高级人民法院 海南省人民检察院关于印发《关于常见犯罪的量刑指导意见实施细则（试行）》的通知">海南省高级人民法院
                  海南省人民检察院关于印发《关于常见犯罪的量刑指导意见实施细则...</a>
                <span>2025-08-24</span>
              </li>

              <li>
                <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/中华人民共和国刑法修正案.pdf"
                  title="中华人民共和国刑法修正案">中华人民共和国刑法修正案</a>
                <span>2025-07-26</span>
              </li>

              <li style="margin-bottom: 0;">
                <a target="_blank"
                  href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/陕西省高级人民法院陕西省人民检察院《关于常见犯罪的量刑指导意见（试行）》实施细则.pdf"
                  title="陕西省高级人民法院陕西省人民检察院《关于常见犯罪的量刑指导意见（试行）》实施细则">陕西省高级人民法院陕西省人民检察院《关于常见犯罪的量刑指导意见（试行）》实施细则</a>
                <span>2025-07-27</span>
              </li>

            </ul>
            <script>_showDynClickBatch(['dynclicks_u5_4143', 'dynclicks_u5_4142', 'dynclicks_u5_4136', 'dynclicks_u5_4134'], [4143, 4142, 4136, 4134], "wbnews", 1741397524)</script>
          </div>

          <script>_showDynClickBatch(['dynclicks_u4_3173', 'dynclicks_u4_3071', 'dynclicks_u4_2952'], [3173, 3071, 2952], "wbnews", 1741397524)</script>
        </div>
        <div class="new_r fr">
          <ul>

            <li>
              <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/中华人民共和国刑法（含《刑法修正案十二》）.pdf"
                title="中华人民共和国刑法（含《刑法修正案十二》）">中华人民共和国刑法（含《刑法修正案十二》）</a>
              <span>2025-08-28</span>
            </li>

            <li>
              <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/广东海洋大学研究生课程《刑法学》教学大纲.pdf"
                title="广东海洋大学研究生课程《刑法学》教学大纲">广东海洋大学研究生课程《刑法学》教学大纲</a>
              <span>2025-08-29</span>
            </li>

            <li style="margin-bottom: 0;">
              <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/《刑法学》课件.pdf"
                title="《刑法学》课件">《刑法学》课件</a>
              <span>2025-08-30</span>
            </li>

          </ul>
          <script>_showDynClickBatch(['dynclicks_u5_4143', 'dynclicks_u5_4142', 'dynclicks_u5_4136', 'dynclicks_u5_4134'], [4143, 4142, 4136, 4134], "wbnews", 1741397524)</script>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <div class="notice fr">
      <div class="title">
        <h2 class="t2">刑事司法解释 & 指导案例</h2>
        <!-- <a target="_blank" href="" class="more" target="">更多</a> -->
        <div class="clear"></div>
      </div>
      <div class="notice_d">
        <ul>

          <li>
            <div class="not_data fl">
              <p>01</p>
              <span>25-07</span>
            </div>
            <div class="not_txt fr"><a target="_blank"
                href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/刑事司法解释.pdf" title="刑事司法解释">刑事司法解释</a></div>
          </li>

          <li>
            <div class="not_data fl">
              <p>06</p>
              <span>25-06</span>
            </div>
            <div class="not_txt fr"><a target="_blank"
                href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/两高刑事指导性案例.pdf"
                title="两高刑事指导性案例">两高刑事指导性案例</a></div>
          </li>

          <!-- <li>
            <div class="not_data fl">
              <p>02</p>
              <span>25-06</span>
            </div>
            <div class="not_txt fr"><a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/宝马男被反杀案.mp4"
                title="法政学院2025年硕士研究生指导教师遴选推荐名单公示">法政学院2025年硕士研究生指导教师遴选推荐名单公示</a></div>
          </li>

          <li style="margin-bottom: 0;">
            <div class="not_data fl">
              <p>19</p>
              <span>25-05</span>
            </div>
            <div class="not_txt fr"><a target="_blank" href="https://fzxy.gdou.edu.cn/info/1015/3951.htm"
                title="2025年法政学院法律硕士研究生毕业论文答辩公告">2025年法政学院法律硕士研究生毕业论文答辩公告</a></div>
          </li> -->

        </ul>
        <script>_showDynClickBatch(['dynclicks_u6_4081', 'dynclicks_u6_4012', 'dynclicks_u6_4003', 'dynclicks_u6_3951'], [4081, 4012, 4003, 3951], "wbnews", 1741397524)</script>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <!--</div>-->
  <div class="public">
    <div class="w">
      <div class="title">
        <h2 class="t3">课程思政论文</h2>
        <!-- <a target="_blank" href="https://fzxy.gdou.edu.cn/xxdt/ywgk.htm" class="more" target="">更多</a> -->
        <div class="clear"></div>
      </div>
      <div class="public_c">
        <ul>

          <li>
            <p>07-21</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/农林高校研究生课程思政建设评价研究_姜英.pdf"
              title="农林高校研究生课程思政建设评价研究_姜英.pdf">农林高校研究生课程思政建设评价研究_姜英.pdf</a>
          </li>

          <li>
            <p>06-13</p>
            <a target="_blank"
              href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/研究生课程思政教育教学改革研究——以气泡动力学为例_李帅.pdf"
              title="研究生课程思政教育教学改革研究——以气泡动力学为例_李帅.pdf">研究生课程思政教育教学改革研究——以气泡动力学为例_李帅.pdf</a>
          </li>

          <li class="mr">
            <p>06-12</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/高校研究生课程思政教学改革的路径研究_李砚忠.pdf"
              title="高校研究生课程思政教学改革的路径研究_李砚忠.pdf">高校研究生课程思政教学改革的路径研究_李砚忠.pdf</a>
          </li>

          <li>
            <p>05-19</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/法学专业课程思政改革的特点及路径_张继钢.pdf"
              title="法学专业课程思政改革的特点及路径_张继钢.pdf">法学专业课程思政改革的特点及路径_张继钢.pdf</a>
          </li>

          <li>
            <p>03-07</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/新时代研究生课程思政建设路径研究_王春梅.pdf"
              title="新时代研究生课程思政建设路径研究_王春梅.pdf">新时代研究生课程思政建设路径研究_王春梅.pdf</a>
          </li>

          <li class="mr">
            <p>01-10</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/研究生课程思政建设的三重维度_李文龙.pdf"
              title="研究生课程思政建设的三重维度_李文龙.pdf">研究生课程思政建设的三重维度_李文龙.pdf</a>
          </li>

          <li>
            <p>12-06</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/高校研究生课程思政建设的挑战与实践_李汀.pdf"
              title="高校研究生课程思政建设的挑战与实践_李汀.pdf">高校研究生课程思政建设的挑战与实践_李汀.pdf</a>
          </li>

          <li>
            <p>10-15</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/研究生专业课程教学中的课程思政探索_李和平.pdf"
              title="研究生专业课程教学中的课程思政探索_李和平.pdf">研究生专业课程教学中的课程思政探索_李和平.pdf</a>
          </li>

          <li class="mr">
            <p>10-11</p>
            <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/研究生课程思政教学设计与实践——以刑法学教学为例.pdf"
              title="研究生课程思政教学设计与实践——以刑法学教学为例.pdf">研究生课程思政教学设计与实践——以刑法学教学为例.pdf</a>
          </li>

          <div class="clear"></div>
        </ul>
        <script>_showDynClickBatch(['dynclicks_u7_4132', 'dynclicks_u7_4026', 'dynclicks_u7_4025', 'dynclicks_u7_3952', 'dynclicks_u7_3722', 'dynclicks_u7_3672', 'dynclicks_u7_3561', 'dynclicks_u7_3351', 'dynclicks_u7_3331'], [4132, 4026, 4025, 3952, 3722, 3672, 3561, 3351, 3331], "wbnews", 1741397524)</script>
      </div>
    </div>
  </div>
  <div class="link">
    <div class="w">

      <div class="title">
        <h2 class="t3">《刑法学》课程思政教学视频</h2>
        <!-- <a target="_blank" href="https://fzxy.gdou.edu.cn/xxdt/ywgk.htm" class="more" target="">更多</a> -->
        <div class="clear"></div>
      </div>
      <ul>

        <li>
          <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/宝马男被反杀案.mp4"
            title="宝马男被反杀案"><img src="./public/fxyjypic.png"></a>
        </li>

        <li>
          <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/侵占家属的纠纷案.mp4"
            title="侵占家属的纠纷案"><img src="./public/zt2.png"></a>
        </li>

        <li>
          <a target="_blank" href="https://cloud-minapp-37084.cloud.ifanrusercontent.com/跳车致死引发的官司.mp4"
            title="跳车致死引发的官司"><img src="./public/zt3.png"></a>
        </li>

        <div class="clear"></div>
      </ul>
      <div style="margin-top: 5px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宝马男被反杀案
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        侵占家属的纠纷案&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        跳车致死引发的官司</div>
    </div>
  </div>
  <div class="bq">
    <div class="w">
      <p>Copyright © Allright Reserved</p>
      <p>广东海洋大学法律硕士专业课程《刑法学》课程思政教学</p>
    </div>
  </div>


</body>
<div style="position: static;"><template shadowrootmode="open">
    <style>
      .qq-browser-trans-origin-dialog {
        position: absolute;
        width: 400px;
        padding: 12px;
        border-radius: 8px;
        border: .5px rgba(0, 0, 0, .08);
        background: #fff;
        box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, .16);
        z-index: 2147483647;

        &-close-icon {
          position: absolute;
          top: 16px;
          right: 12px;
          width: 12px;
          height: 12px;
          cursor: pointer;
        }

        &-title {
          display: block;
          height: 16px;
          width: auto;
          margin: 2px 0;
        }

        &-content {
          position: relative;
          margin: 12px 0;

          &-text {
            color: rgba(0, 0, 0, .86);
            font-family: 'Microsoft YaHei UI';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
            min-height: 32px;
            max-height: 98px;
            padding: 5px 0;
            overflow-y: scroll;

            &::-webkit-scrollbar {
              width: 3px;
              background-color: transparent;
            }

            &::-webkit-scrollbar-thumb {
              background-color: rgba(0, 0, 0, .04);
              border-radius: 6px;
            }
          }

          &-gradient {
            position: absolute;
            bottom: -5px;
            width: calc(100% - 3px);
            height: 40px;
            background: linear-gradient(180deg,
                rgba(255, 255, 255, 0) 0%,
                #fff 82.22%,
                #fff 100%);
          }
        }

        &-bottom {
          float: right;
          display: flex;
          align-items: flex-end;

          &-text {
            color: var(--a-1-t, rgba(0, 0, 0, .86));
            font-family: 'PingFang SC';
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 10px;
            padding-right: 4px;
            cursor: pointer;
          }

          &-copy-icon {
            width: 16px;
            height: 16px;
            margin-left: 16px;
            cursor: pointer;
          }

          &-more-icon {
            width: 10px;
            height: 10px;
            cursor: pointer;
          }
        }
      }

      .qq-browser-trans-dialog {
        position: absolute;
        width: 480px;
        padding: 16px;
        border-radius: 16px;
        border: .5px rgba(0, 0, 0, .05);
        background: #fff;
        backdrop-filter: blur(80px);
        box-shadow: 0px 30px 70px 0px #00000026;
        z-index: 2147483647;
        box-sizing: border-box !important;

        &-top {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          height: 24px;
          user-select: none;
          -webkit-user-select: none;
        }

        &-close-icon {
          width: 16px;
          height: 16px;
          cursor: pointer;
          margin-left: 12px;
        }

        &-title {
          display: block;
          height: 16px !important;
          width: auto;
        }

        &-row {
          display: flex;
          flex-direction: row;
          align-items: center;
        }

        &-language {
          padding: 4px;
          border-radius: 4px;
          gap: 8px;
          cursor: pointer;
          user-select: none;
          -webkit-user-select: none;

          &:hover {
            background: #33333308;
          }

          &-text {
            color: #242424;
            font-size: 12px;
            line-height: 16px;
          }

          &-arrow {
            width: 8px;
            height: 8px;
            margin-left: 4px;
            transform: rotate(90deg);
          }
        }

        &-active {
          background: #33333308;
        }

        &-active &-language-arrow {
          transform: rotate(-90deg);
        }

        &-content {
          background: #33333308;
          border-radius: 8px;
          margin-top: 8px;
          padding: 0 4px;
          position: relative;

          &-text {
            color: #242424;
            font-size: 14px;
            line-height: 24px;
            min-height: 74px;
            max-height: 264px;
            padding: 12px 8px;
            overflow-y: scroll;
            white-space: pre-line;
            text-align: justify;
            box-sizing: border-box;

            &::-webkit-scrollbar {
              width: 4px;
              background-color: transparent;
            }

            &::-webkit-scrollbar-thumb {
              background-color: #0000001f;
              border-radius: 4px;
            }

            &::-webkit-scrollbar-track {
              margin: 4px 0;
            }
          }

          &-gradient {
            position: absolute;
            bottom: 48px;
            left: 0;
            width: calc(100% - 12px);
            height: 40px;
            background: linear-gradient(0deg,
                #f9f9f9 16.25%,
                rgba(249, 249, 249, 0) 90%);
          }
        }

        &-bottom {
          padding: 12px;
          justify-content: space-between;
          user-select: none;
          -webkit-user-select: none;
          user-select: none;
          -webkit-user-select: none;
        }

        &-askmore {
          color: var(--a-1-t, rgba(0, 0, 0, .86));
          font-size: 12px;
          line-height: 12px;
          height: 12px;
          overflow: visible;
          display: flex;
          flex-direction: row;
          align-items: center;
          cursor: pointer;

          &—arrow {
            width: 12px;
            height: 12px;
            margin-left: 4px;
          }
        }

        &-dropdown {
          position: absolute;
          top: 44px;
          right: 48px;
        }

        &-mask {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
        }
      }

      .qq-browser-dialog-mask {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: transparent;
        user-select: none;
        -webkit-user-select: none;
        z-index: 2147483647;
      }
    </style>
    <style>
      .activityButtonContainer .primary {
        display: none;
      }

      :root {
        --qq-browser-primary-color: rgba(32, 90, 239, 1);
        --qq-browser-secondary-color: rgba(32, 90, 239, .08);
        --qq-browser-text-color: rgba(0, 0, 0, .86);
        --qq-browser-secondary-text-color: rgba(0, 0, 0, 1);
        --qq-browser-background-color: rgba(255, 255, 255, 1);
        --qq-browser-border-color: rgba(0, 0, 0, .08);
        --qq-browser-shadow-color: rgba(0, 0, 0, .1);
        --qq-browser-secondary-shadow-color: rgba(0, 0, 0, .16);
        --qq-browser-hover-color: rgba(3, 23, 77, .07);
        --qq-browser-dropdown-color: rgba(246, 247, 250, 1);
        --qq-browser-tooltip-color: rgba(0, 0, 0, .44);
      }

      body.translate-hide {
        display: none !important;
      }

      :root {
        --qq-browser-pdf: url('/img/pdf.png');
        --qq-browser-insertBlank: url('/img/insertBlank.png');
        --qq-browser-insertPic: url('/img/insertPic.png');
        --qq-browser-insertPdf: url('/img/insertPdf.png');
        --qq-browser-addPage: url('/img/addPage.png');
        --qq-browser-arrow: url('/img/arrow.png');
        --qq-browser-selected: url('/img/selected.png');
        --qq-browser-closeIcon: url('/img/closeIcon.png');
        --qq-browser-loadingSuccess: url('/img/loadingSuccess.png');
        --qq-browser-transformError: url('/img/transformError.png');
      }

      .qq-browser-trans-origin-dialog {
        position: absolute;
        width: 400px;
        padding: 12px;
        border-radius: 8px;
        border: .5px rgba(0, 0, 0, .08);
        background: #fff;
        box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, .16);
        z-index: 2147483647;
      }

      .qq-browser-trans-origin-dialog-close-icon {
        position: absolute;
        top: 16px;
        right: 12px;
        width: 12px;
        height: 12px;
        cursor: pointer;
      }

      .qq-browser-trans-origin-dialog-title {
        display: block;
        height: 16px;
        width: auto;
        margin: 2px 0;
      }

      .qq-browser-trans-origin-dialog-content {
        position: relative;
        margin: 12px 0;
      }

      .qq-browser-trans-origin-dialog-content-text {
        color: rgba(0, 0, 0, .86);
        font-family: 'Microsoft YaHei UI';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        min-height: 32px;
        max-height: 98px;
        padding: 5px 0;
        overflow-y: scroll;
      }

      .qq-browser-trans-origin-dialog-content-text::-webkit-scrollbar {
        width: 3px;
        background-color: transparent;
      }

      .qq-browser-trans-origin-dialog-content-text::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .04);
        border-radius: 6px;
      }

      .qq-browser-trans-origin-dialog-content-gradient {
        position: absolute;
        bottom: -5px;
        width: calc(100% - 3px);
        height: 40px;
        background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            #fff 82.22%,
            #fff 100%);
      }

      .qq-browser-trans-origin-dialog-bottom {
        float: right;
        display: flex;
        align-items: flex-end;
      }

      .qq-browser-trans-origin-dialog-bottom-text {
        color: var(--a-1-t, rgba(0, 0, 0, .86));
        font-family: 'PingFang SC';
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 10px;
        padding-right: 4px;
        cursor: pointer;
      }

      .qq-browser-trans-origin-dialog-bottom-copy-icon {
        width: 16px;
        height: 16px;
        margin-left: 16px;
        cursor: pointer;
      }

      .qq-browser-trans-origin-dialog-bottom-more-icon {
        width: 10px;
        height: 10px;
        cursor: pointer;
      }

      .qq-browser-trans-dialog {
        position: absolute;
        width: 480px;
        padding: 16px;
        border-radius: 16px;
        border: .5px rgba(0, 0, 0, .05);
        background: #fff;
        backdrop-filter: blur(80px);
        box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, .1490196078);
        z-index: 2147483647;
        box-sizing: border-box !important;
      }

      .qq-browser-trans-dialog-top {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 24px;
        user-select: none;
        -webkit-user-select: none;
      }

      .qq-browser-trans-dialog-close-icon {
        width: 16px;
        height: 16px;
        cursor: pointer;
        margin-left: 12px;
      }

      .qq-browser-trans-dialog-title {
        display: block;
        height: 16px !important;
        width: auto;
      }

      .qq-browser-trans-dialog-row {
        display: flex;
        flex-direction: row;
        align-items: center;
      }

      .qq-browser-trans-dialog-language {
        padding: 4px;
        border-radius: 4px;
        gap: 8px;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
      }

      .qq-browser-trans-dialog-language:hover {
        background: rgba(51, 51, 51, .031372549);
      }

      .qq-browser-trans-dialog-language-text {
        color: #242424;
        font-size: 12px;
        line-height: 16px;
      }

      .qq-browser-trans-dialog-language-arrow {
        width: 8px;
        height: 8px;
        margin-left: 4px;
        transform: rotate(90deg);
      }

      .qq-browser-trans-dialog-active {
        background: rgba(51, 51, 51, .031372549);
      }

      .qq-browser-trans-dialog-active .qq-browser-trans-dialog-language-arrow {
        transform: rotate(-90deg);
      }

      .qq-browser-trans-dialog-content {
        background: rgba(51, 51, 51, .031372549);
        border-radius: 8px;
        margin-top: 8px;
        padding: 0 4px;
        position: relative;
      }

      .qq-browser-trans-dialog-content-text {
        color: #242424;
        font-size: 14px;
        line-height: 24px;
        min-height: 74px;
        max-height: 264px;
        padding: 12px 8px;
        overflow-y: scroll;
        white-space: pre-line;
        text-align: justify;
        box-sizing: border-box;
      }

      .qq-browser-trans-dialog-content-text::-webkit-scrollbar {
        width: 4px;
        background-color: transparent;
      }

      .qq-browser-trans-dialog-content-text::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .1215686275);
        border-radius: 4px;
      }

      .qq-browser-trans-dialog-content-text::-webkit-scrollbar-track {
        margin: 4px 0;
      }

      .qq-browser-trans-dialog-content-gradient {
        position: absolute;
        bottom: 48px;
        left: 0;
        width: calc(100% - 12px);
        height: 40px;
        background: linear-gradient(0deg, #f9f9f9 16.25%, rgba(249, 249, 249, 0) 90%);
      }

      .qq-browser-trans-dialog-bottom {
        padding: 12px;
        justify-content: space-between;
        user-select: none;
        -webkit-user-select: none;
      }

      .qq-browser-trans-dialog-askmore {
        color: var(--a-1-t, rgba(0, 0, 0, .86));
        font-size: 12px;
        line-height: 12px;
        height: 12px;
        overflow: visible;
        display: flex;
        flex-direction: row;
        align-items: center;
        cursor: pointer;
      }

      .qq-browser-trans-dialog-askmore—arrow {
        width: 12px;
        height: 12px;
        margin-left: 4px;
      }

      .qq-browser-trans-dialog-dropdown {
        position: absolute;
        top: 44px;
        right: 48px;
      }

      .qq-browser-trans-dialog-mask {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }

      .qq-browser-dialog-mask {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: transparent;
        user-select: none;
        -webkit-user-select: none;
        z-index: 2147483647;
      }

      .qq-browser-popup-wrapper {
        position: fixed;
        padding: 12px;
        top: 12px;
        right: 50px;
        border-radius: 8px;
        border: .5px solid rgba(0, 0, 0, .1);
        background: #fff;
        box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, .16);
        z-index: 2147483647;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-close-icon {
        width: 12px;
        height: 12px;
        cursor: pointer;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-title {
        height: 20px;
        width: 376px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-title .qq-browser-title {
        color: rgba(0, 0, 0, .86);
        font-family: 'Microsoft YaHei UI';
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-content {
        margin-top: 12px;
        height: 32px;
        width: 376px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-content .qq-browser-autoTranslateSetting {
        width: 120px;
        height: 20px;
        display: flex;
        align-items: center;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-content .qq-browser-autoTranslateSetting .qq-browser-name {
        color: #242424;
        font: 400 12px 'Microsoft YaHei UI';
        margin-left: 4px;
        margin-bottom: 0;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-content .qq-browser-button-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-content .qq-browser-button-wrapper .qq-browser-compare {
        display: flex;
        height: 32px;
        width: 118px;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #b3b3b3;
        background: #fff;
        color: #242424;
        font-family: 'Microsoft YaHei UI';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-right: 8px;
        cursor: pointer;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-content .qq-browser-button-wrapper .qq-browser-recover {
        display: flex;
        height: 32px;
        width: 118px;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        background: #005cf8;
        color: #fff;
        font-family: 'Microsoft YaHei UI';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        cursor: pointer;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-tips {
        position: fixed;
        z-index: 2147483647;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: inline-flex;
        padding: 8px 12px;
        align-items: center;
        border-radius: 8px;
        border: .5px solid var(--qq-browser-border-color);
        background: #242424;
        box-shadow: 0px 8px 20px 0px var(--qq-browser-shadow-color);
        width: 180px;
      }

      .qq-browser-popup-wrapper .qq-browser-popup-tips .qq-browser-text {
        margin-left: 8px;
        display: box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        color: #fff;
        text-overflow: ellipsis;
        font: 400 14px/16px 'Microsoft YaHei UI';
        font-style: normal;
      }

      .qb-trans-toast-open {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 40px;
        z-index: 2147483647;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: .5px solid rgba(0, 0, 0, .08);
        background: var(--a-1, #242424);
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .1);
      }

      .qb-trans-toast-common {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 16px;
        height: 40px;
        z-index: 2147483647;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: .5px solid rgba(0, 0, 0, .08);
        background: var(--a-1, #242424);
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .1);
      }

      .qb-trans-toast-copy {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 112px;
        height: 40px;
        z-index: 2147483647;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: .5px solid rgba(0, 0, 0, .08);
        background: var(--a-1, #242424);
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .1);
      }

      .qb-trans-toast-copy-icon {
        width: 16px;
        height: 16px;
        background-image: url('https://cdn.nfa.qq.com/bigfiles_prod/17273088/gmaster/26vwywd91vr4/aio_dock_treasure_website_history%20%281%29.png');
        background-size: cover;
        margin-right: 8px;
      }

      .qb-trans-toast-text {
        color: var(--a-1-d, #fff);
        font-family: 'Microsoft YaHei UI';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
      }

      :root {
        --qq-browser-primary-color: rgba(32, 90, 239, 1);
        --qq-browser-secondary-color: rgba(32, 90, 239, .08);
        --qq-browser-text-color: rgba(0, 0, 0, .86);
        --qq-browser-secondary-text-color: rgba(0, 0, 0, 1);
        --qq-browser-background-color: rgba(255, 255, 255, 1);
        --qq-browser-border-color: rgba(0, 0, 0, .08);
        --qq-browser-shadow-color: rgba(0, 0, 0, .1);
        --qq-browser-secondary-shadow-color: rgba(0, 0, 0, .16);
        --qq-browser-hover-color: rgba(3, 23, 77, .07);
        --qq-browser-dropdown-color: rgba(246, 247, 250, 1);
        --qq-browser-tooltip-color: rgba(0, 0, 0, .44);
      }

      .qq-browser-trans-dropdown {
        border: 1px solid rgba(255, 255, 255, .0784313725);
        box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, .2509803922);
        width: 160px;
        max-height: 264px;
        overflow-y: scroll;
        padding: 8px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        background-color: #fff;
        border-radius: 8px;
        user-select: none;
        -webkit-user-select: none;
      }

      .qq-browser-trans-dropdown::-webkit-scrollbar {
        width: 4px;
        background-color: transparent;
      }

      .qq-browser-trans-dropdown::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .1215686275);
        border-radius: 4px;
      }

      .qq-browser-trans-dropdown::-webkit-scrollbar-track {
        margin: 8px 0;
      }

      .qq-browser-trans-dropdown-item {
        cursor: pointer;
        display: flex;
        padding: 8px 4px 8px 8px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-radius: 4px;
      }

      .qq-browser-trans-dropdown-item:hover {
        background-color: #f6f6f6;
      }

      .qq-browser-trans-dropdown-text {
        color: rgba(0, 0, 0, .8588235294);
        font-size: 12px;
        line-height: 16px;
      }

      .qq-browser-trans-dropdown-selected .qq-browser-trans-dropdown-text {
        color: #242424;
        font-weight: 600;
      }

      .qq-browser-trans-dropdown-img {
        width: 16px;
        height: 16px;
      }

      .qb-trans-loading-block {
        padding: 12px;
      }

      .qb-trans-loading-block-first {
        height: 12px;
        border-radius: 4px;
        background: rgba(51, 51, 51, .031372549);
      }

      .qb-trans-loading-block-second {
        height: 12px;
        border-radius: 4px;
        width: 30%;
        margin-top: 8px;
        background: rgba(51, 51, 51, .031372549);
      }
    </style>
    <div></div>
  </template></div>

</html>